<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
	<head>
		<meta name="HandheldFriendly" content="true" />
  		<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
  		<meta name="apple-mobile-web-app-capable" content="yes" />
  		
		<title>Directorio Orq</title>
	
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
		<script type="text/javascript">
		function irAlInicio(){
			var url_inicio = "index.action";
			document.location = url_inicio;
		}
		function agregarPartituraRepertorio(partitura, repertorio, instrumento,tipo,autor){
			var url = "repertorio_agregarPartituraRepertorio.action";
			document.location = url +"?idPartitura="+partitura+"&repertorio.idRepertorio="+repertorio+"&idInstrumento="+instrumento+"&idTipo="+tipo+"&idAutor="+autor;
			alert("Se ha agregado la partitura al repertorio con exito");
			
		}
		</script>
	</head>
	
	<body>
		<div data-role="page" id="agregarPartiturasRepertorio" data-theme="d">
				<div data-role="header" align="center" data-theme="d">
					<a href="#" data-role="button" data-icon="arrow-l" data-transition="slide" data-rel="back" data-iconpos="notext" >Regresar</a>
						<img alt="" src="images/sml-logo.png">
					<a href="#" data-role="button" data-icon="home" data-transition="slide" onclick="irAlInicio()" data-iconpos="notext" >Inicio</a>
				</div>
				<div data-role="content" align="center">
					<ul id="partituras" data-role="listview" data-split-icon="plus" data-split-theme="d" data-inset="true" data-filter="true" data-filter-placeholder="Filtro de Busqueda..." >
						<s:iterator value="partituraList">
							<li value='<s:property value="idPartitura"/>'>
								<a href="#" style='font-size:18px'><s:property value="nombre"/></a>
								<p><s:property value="anho"/></p>
								<p><s:property value="descripcion"/></p>
								<a href="#" onclick="agregarPartituraRepertorio(<s:property value="idPartitura"/>,<s:property value="repertorio.idRepertorio"/>,<s:property value="idInstrumento"/>,<s:property value="idTipo"/>,<s:property value="idAutor"/>)">Agregar Partitura</a>
							</li>
						</s:iterator>
					</ul>
				</div>
		</div>
	</body>
</html>